/* banner轮播图部分 Start */
.banner {
    width: 100%;
    height: 1.775rem;
    align-self: center;
    border-radius: .08rem;
    position: relative;
    margin-bottom: .1rem;
}

.banner .swiper {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.banner .box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0)70px);
}

.banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.banner .first {
    background-image: url(../img/swip1.jpg);
}

.banner .second {
    background-image: url(../img/swip2.jpg);
}

.banner .third {
    background-image: url(../img/swip3.jpg);
}

.banner .fourth {
    background-image: url(../img/swip4.jpg);
}

.banner .fifth {
    background-image: url(../img/swip5.jpg);
}

.banner .sixth {
    background-image: url(../img/swip6.webp);
}

.banner .swiper-slide p {
    color: white;
    font-size: .2rem;
    font-weight: 700;
    position: absolute;
    bottom: .25rem;
    left: .2rem;
}

.banner .swiper-pagination-bullet {
    background-color: white;
    opacity: 0.6;
    width: .06rem;
    height: .06rem;
    margin: 0rem .04rem !important;
}

.banner .swiper-pagination-bullet-active {
    opacity: 1;
    width: .15rem;
    height: .06rem;
    border-radius: 1rem;
}

/* banner轮播图部分 End */

/* 新闻部分 Start */
.new {
    width: 100%;
    height: .44rem;
    padding: .05rem .15rem 0rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-txt {
    height: .2rem;
    width: 2.95rem;
    /* border: 1px solid dodgerblue; */
    color: #1d2129;
    line-height: .2rem;
    text-align: center;
    overflow: hidden;
    font-size: .15rem;
    letter-spacing: .0005rem;
    padding-left: .05rem;
}

.new-txt ul {
    margin: 0;
    padding: 0;
    list-style: none;
    animation: move 10s linear infinite;
}

.new-txt li {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@keyframes move {
    0% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-.2rem);
    }

    45% {
        transform: translateY(-.2rem);
    }

    50% {
        transform: translateY(-.4rem);
    }

    70% {
        transform: translateY(-.4rem);
    }

    75% {
        transform: translateY(-.6rem);
    }

    90% {
        transform: translateY(-.6rem);
    }

    95% {
        transform: translateY(-.6rem);
    }

    99.9% {
        transform: translateY(-.6rem);
    }
}

/* 新闻部分 End */

/* 发电领券部分 Start */
.ac {
    width: 100%;
    height: .88516rem;
    margin-top: .1rem;
    display: flex;
    margin-bottom: .05rem;
}

.ac img {
    flex-shrink: 1;
    border-radius: 8px;
    height: 100%;
}

.ac img+img {
    margin-left: .1rem;
}

/* 发电领券部分 End */

/* 菜单部分 Start */
.menu {
    width: 100%;
    height: .7rem;
    padding: .05rem .1rem;
    margin-top: .08rem;
    display: flex;
    justify-content: space-evenly;
}

.menu .item {
    width: .67rem;
    height: .55rem;
}

.menu .item a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    font-size: .12rem;
    color: #1d2129;
    /* word-break: break-all; */
}

/* 菜单部分 End */

/* 可看内容部分 Start */
.content {
    width: 100%;
    /* height: 20rem; */
    margin-top: .1rem;
    padding: .05rem .1rem .1rem;
}


/* 内容模板部分 Start */

.view .list-header {
    width: 100%;
    padding: 0rem .1rem;
    height: .716rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.view .list-title {
    width: 100%;
    height: .36rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view h2 {
    font-size: .2rem;
    font-weight: 700;
    color: #1d2129;
    margin-left: -.1rem;
}

.view .list-more {
    width: .54rem;
    height: .26rem;
    margin-right: -.12rem;
}

.view .list-more a {
    width: 100%;
    height: 100%;
    border: .01rem solid #f3f3f4;
    border-radius: 1rem;
    display: flex;
    font-size: .12rem;
    line-height: .26rem;
    justify-content: center;
    color: #505050;
}

.view .nav {
    width: 100%;
    display: flex;
    height: .28rem;
    align-items: center;
    justify-content: space-between;
}


.view .list-more span {
    font-size: .12rem;
}

.view .nav input {
    display: none;
}

.view .nav input:checked+label {
    color: rgb(219, 84, 47);
    background: rgba(219, 84, 47, .15);
}

.view .nav .tab input:checked~.list {
    display: flex;
}

.view .nav label {
    font-size: .12rem;
    border-radius: .15rem;
    background: rgba(78, 89, 105, .1);
    color: rgb(78, 89, 105);
    letter-spacing: .01rem;
    white-space: nowrap;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 500;
    padding: .04rem .08rem .04rem .09rem;
    border-radius: .15rem;
}

.view .list {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 410px;
    flex-wrap: wrap;
    justify-content: space-between;
    display: none;
}

/* 内容模板部分 End */

/* 内容模板2部分 Start */
.views .list-header {
    width: 100%;
    padding: 0rem .1rem;
    height: .716rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.views .list-title {
    width: 100%;
    height: .36rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.views h2 {
    font-size: .2rem;
    font-weight: 700;
    color: #1d2129;
}

.views .list-more {
    width: .54rem;
    height: .26rem;
}

.views .list-more a {
    width: 100%;
    height: 100%;
    border: .01rem solid #f3f3f4;
    border-radius: 1rem;
    display: flex;
    font-size: .12rem;
    line-height: .26rem;
    justify-content: center;
    color: #505050;
}

.views .list-more span {
    font-size: .12rem;
}

.views .list {
    width: 100%;
    height: 410px;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
}

/* 内容模板2部分 End */

/* 内容部分 Start */
.tv {
    width: 100%;
    height: 4.83312rem;
    position: relative;
}

.mv {
    margin-top: .15rem;
    width: 100%;
    height: 4.83312rem;
    position: relative;
}

.vareity,
.ranking,
.comic {
    margin-top: .15rem;
    width: 100%;
    height: 4.49312rem;
    position: relative;
}

/* 内容部分 End */

/* 广告部分 Start */
.ad {
    width: 100%;
    height: .65rem;
    margin-top: .2rem;
}

.ad img {
    height: 100%;
    border-radius: .08rem;
}

/* 广告部分 End */

/* 可看内容部分 End */